<template>
  <div>
    <div class="Triangle">/:id</div>
    <div>
        <h2>{{info.name}}</h2>
        <h2>{{info.age}}</h2>
        <h2>{{info.interest}}</h2>
    </div>
   <!-- <div >
     <li v-for="(item , index) in dataArr" :key="index">{{item.reasonContent}}</li>
   </div> -->

    <ul>
       <li><nuxt-link :to="{name:'user-one'}">one</nuxt-link></li>
       <li><nuxt-link :to="{name:'news'}">NEWS</nuxt-link></li>
    </ul>
  </div>

</template>

<script>
  import { getLink , getLinks} from '~/api/index.js'

  export default {
    data () {
      return {
        detailInfo:{},
      }
    },
    validate ({ params }) {
      // 必须是number类型
      return /^\d+$/.test(params.id)
    },
    // asyncData(){   //过时
    //   return getLink().then(res => {
    //     console.log(res)
    //
    //return {info:res}
    //   })
    // }

    // async asyncData(){
    //   let {data} = await getLink()
    //   console.log(data)
    //   return {info:data}
    // }


    asyncData (context) {
        return getLink().then(res => {
              console.log(res.data)
              return {info:res.data}
        }).catch(req => {
        })

        // return getLinks({serviceType:2,reasonType:2}).then(res => {
        //       console.log(res.data)
        //       return {dataArr:res.data}
        // }).catch(req => {
        // })

    }
  }
</script>

<style  lang="scss"  scoped>
 @import "../../assets/css/practice/index.scss";

</style>
